//
//@keyframes #{$prefixCls}-slide-up-enter {
//  from {
//    transform: translate3d(0, 100%, 0);
//  }
//}
//
//@keyframes #{$prefixCls}-slide-up-leave {
//  to {
//    transform: translate3d(0, 100%, 0);
//  }
//}
//
//@keyframes #{$prefixCls}-slide-down-enter {
//  from {
//    transform: translate3d(0, -100%, 0);
//  }
//}
//
//@keyframes #{$prefixCls}-slide-down-leave {
//  to {
//    transform: translate3d(0, -100%, 0);
//  }
//}
//
//@keyframes #{$prefixCls}-slide-left-enter {
//  from {
//    transform: translate3d(-100%, 0, 0);
//  }
//}
//
//@keyframes #{$prefixCls}-slide-left-leave {
//  to {
//    transform: translate3d(-100%, 0, 0);
//  }
//}
//
//@keyframes #{$prefixCls}-slide-right-enter {
//  from {
//    transform: translate3d(100%, 0, 0);
//  }
//}
//
//@keyframes #{$prefixCls}-slide-right-leave {
//  to {
//    transform: translate3d(100%, 0, 0);
//  }
//}
//
//@keyframes #{$prefixCls}-fade-in {
//  from {
//    opacity: 0;
//  }
//
//  to {
//    opacity: 1;
//  }
//}
//
//@keyframes #{$prefixCls}-fade-out {
//  from {
//    opacity: 1;
//  }
//
//  to {
//    opacity: 0;
//  }
//}
//
//@keyframes #{$prefixCls}-rotate {
//  from {
//    transform: rotate(0deg);
//  }
//
//  to {
//    transform: rotate(360deg);
//  }
//}
//
////  中下滑出
//@keyframes #{$prefixCls}-slide-hint-enter {
//  from {
//    bottom: 0;
//    transform: translate3d(-50%, 100%, 0);
//  }
//  to {
//    top: 50%;
//    transform: translate3d(-50%, -50%, 0);
//  }
//}
//@keyframes #{$prefixCls}-slide-hint-leave {
//  from {
//    top: 50%;
//    transform: translate3d(-50%, -50%, 0);
//  }
//  to {
//    bottom: 0;
//    transform: translate3d(-50%, 100%, 0);
//  }
//}
//
//.#{$prefixCls}{
//  &-fade {
//    &-enter-active {
//      animation: $animation-duration-base van-fade-in both $animation-timing-function-enter;
//    }
//
//    &-leave-active {
//      animation: $animation-duration-base van-fade-out both $animation-timing-function-leave;
//    }
//  }
//
//  &-slide{
//    &-up {
//      &-enter-active {
//        animation: #{$prefixCls}-slide-up-enter $animation-duration-base both $animation-timing-function-enter;
//      }
//
//      &-leave-active {
//        animation: #{$prefixCls}-slide-up-leave $animation-duration-base both $animation-timing-function-leave;
//      }
//    }
//
//    &-down {
//      &-enter-active {
//        animation: #{$prefixCls}-slide-down-enter $animation-duration-base both $animation-timing-function-enter;
//      }
//
//      &-leave-active {
//        animation: #{$prefixCls}-slide-down-leave $animation-duration-base both $animation-timing-function-leave;
//      }
//    }
//
//    &-left {
//      &-enter-active {
//        animation: #{$prefixCls}-slide-left-enter $animation-duration-base both $animation-timing-function-enter;
//      }
//
//      &-leave-active {
//        animation: #{$prefixCls}-slide-left-leave $animation-duration-base both $animation-timing-function-leave;
//      }
//    }
//
//    &-right {
//      &-enter-active {
//        animation: #{$prefixCls}-slide-right-enter $animation-duration-base both $animation-timing-function-enter;
//      }
//
//      &-leave-active {
//        animation: #{$prefixCls}-slide-right-leave $animation-duration-base both $animation-timing-function-leave;
//      }
//    }
//
//    //  nw：左上   north：中上  ne：右上
//    //  west：左中 center：中部 east：右中
//    //  sw：左下   south：中下  se：右下
//    //  提示动画效果
//    &-hint {
//      &-enter-active {
//        animation: #{$prefixCls}-slide-hint-enter $animation-duration-base both $animation-timing-function-enter;
//      }
//
//      &-leave-active {
//        animation: #{$prefixCls}-slide-hint-leave $animation-duration-base both $animation-timing-function-leave;
//      }
//
//      &-enter-active,&-leave-active{
//        left: 50%;
//        z-index: $fy-popup-zIndex;
//        position: fixed;
//      }
//    }
//  }
//}
